<template>
  <view class="flex-col page">
    <view class="flex-col group">
      <text class="text_1">
        此结果仅为参考工期，巡检服务、全流程咨询及全流程管家服务的用户请在我家总览或个人中心-我的项目中查看巡检更新的动态进度。（巡检或工长修正工期后不同步到小工具里的工期测算）
      </text>
      <view class="flex-col group_1">
        <view class="flex-col section_1">
          <view class="flex-col">
            <text class="text_2">我的房屋信息</text>
            <view class="justify-between group_3 view">
              <text class="text_3">房屋所在区域</text>
              <text class="text_4">河南省 郑州市 金水区</text>
            </view>
          </view>
          <view class="flex-col group_4">
            <view class="justify-between">
              <text class="text_5">房屋面积（m²）</text>
              <text class="text_6">191</text>
            </view>
            <view class="justify-between group_6">
              <text class="text_7">房屋户型</text>
              <text class="text_8">三居室</text>
            </view>
          </view>
          <view class="justify-between group_7">
            <text class="text_9">开始时间</text>
            <view class="flex-row group_8">
              <text class="text_10">2021/10/10</text>
              <image
			  :src="imgUrl+'16557826828591377928.png'"
               
                class="image_1"
              />
            </view>
          </view>
        </view>
        <view class="flex-col section_2">
          <view class="flex-col items-center button"><text class="text_11">施工进度</text></view>
          <view class="justify-between group_9">
            <text class="text_12">等级类别：</text>
            <view class="flex-row">
              <text class="text_13">豪装</text>
              <image
                :src="imgUrl+'16557838861113221762.png'"
                class="image_2"
              />
            </view>
          </view>
          <view class="flex-col group_11">
            <view class="flex-col group_3">
              <view class="justify-between">
                <text class="text_14">总施工时间：</text>
                <text class="text_15">22/10/10-22/10/12</text>
              </view>
              <view class="justify-between group_13">
                <text class="text_16">总工时：</text>
                <text class="text_17">70个工作日</text>
              </view>
            </view>
            <view class="flex-col group_14">
              <view class="justify-between">
                <text class="text_18">总月数（约）:</text>
                <text class="text_19">2个月</text>
              </view>
              <view class="justify-between group_16">
                <text class="text_20">其中硬装工时：</text>
                <text class="text_21">7个工作日</text>
              </view>
            </view>
            <view class="justify-between group_17">
              <text class="text_22">硬装月数（约）：</text>
              <text class="text_23">3个月</text>
            </view>
            <view class="divider"><!--*--></view>
            <image
			 :src="imgUrl+'16557826829677153293.png'"
             
              class="image_3"
            />
          </view>
        </view>
        <text class="text_24">进入关联主材订装查阅</text>
      </view>
      <view class="flex-col items-center button_1"><text class="text_25">保存</text></view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {
		  imgUrl:this.$IMG_URL,
	  };
    },
    methods: {},
  };
</script>

<style scoped lang="scss">
  .group_3 {
    padding-top: 31rpx;
    border-top: solid 1rpx #eeeeee;
  }
  .page {
    background-color: #f6f7f9ff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .group {
    padding: 33rpx 24rpx 40rpx;
    flex: 1 1 auto;
    overflow-y: auto;
  }
  .text_1 {
    margin-left: 8rpx;
    margin-right: 16rpx;
    color: #666666;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
    text-align: left;
  }
  .group_1 {
    margin-top: 67rpx;
  }
  .button_1 {
    margin: 41rpx 8rpx 0;
    padding: 19rpx 0 31rpx;
    background-color: #1d6aff;
    border-radius: 44rpx;
  }
  .section_1 {
    padding: 29rpx 22rpx 35rpx 24rpx;
    background-color: #ffffff;
    border-radius: 16rpx;
  }
  .section_2 {
    margin-top: 24rpx;
    background-color: #ffffff;
    border-radius: 16rpx;
  }
  .text_24 {
    margin-left: 8rpx;
    margin-top: 30rpx;
    align-self: flex-start;
    color: #1d6aff;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_25 {
    color: #ffffff;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .group_4 {
    margin-top: 39rpx;
  }
  .group_7 {
    margin-top: 39rpx;
  }
  .button {
    padding: 20rpx 0 32rpx;
    background-color: #1d6aff1a;
    border-radius: 16rpx 16rpx 0px 0px;
  }
  .group_9 {
    padding: 30rpx 24rpx 39rpx;
  }
  .group_11 {
    padding: 0 22rpx 33rpx 24rpx;
  }
  .text_2 {
    align-self: flex-start;
    color: #191919;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .view {
    margin-top: 33rpx;
  }
  .group_6 {
    margin-top: 33rpx;
  }
  .text_9 {
    margin-bottom: 6rpx;
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .group_8 {
    margin-top: 6rpx;
  }
  .text_11 {
    color: #191919;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .text_12 {
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .group_14 {
    margin-top: 39rpx;
  }
  .group_17 {
    margin-top: 39rpx;
  }
  .divider {
    margin-top: 41rpx;
    background-color: #eeeeee;
    border-radius: 0.5rpx;
    height: 1rpx;
  }
  .image_3 {
    margin-top: 47.5rpx;
    width: 654rpx;
    height: 360rpx;
  }
  .text_3 {
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_4 {
    margin-right: 3rpx;
    color: #191919;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_5 {
    margin-bottom: 6rpx;
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_6 {
    margin-top: 6rpx;
    color: #191919;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_7 {
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_8 {
    color: #191919;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_10 {
    color: #191919;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .image_1 {
    margin-left: 30rpx;
    flex-shrink: 0;
    width: 30rpx;
    height: 32rpx;
  }
  .text_13 {
    color: #191919;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .image_2 {
    margin-left: 23rpx;
    margin-top: 9rpx;
    flex-shrink: 0;
    width: 14rpx;
    height: 26rpx;
  }
  .group_13 {
    margin-top: 33rpx;
  }
  .group_16 {
    margin-top: 33rpx;
  }
  .text_22 {
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_23 {
    margin-right: 5rpx;
    color: #191919;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_14 {
    margin-bottom: 6rpx;
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_15 {
    margin-top: 6rpx;
    color: #191919;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_16 {
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_17 {
    margin-right: 5rpx;
    color: #191919;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_18 {
    margin-top: 6rpx;
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_19 {
    margin-right: 4rpx;
    margin-bottom: 6rpx;
    color: #191919;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_20 {
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_21 {
    margin-right: 5rpx;
    color: #191919;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
</style>